<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--引入mui的样式文件-->
		<link rel="stylesheet" href="../../css/common.css" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="http://at.alicdn.com/t/font_1507881_vmr7yitxzlh.css">
		<!--引入mui的js文件-->
		<script src="../../js/mui.min.js"></script>
		<!--引入支付宝图标的样式文件-->
		<link rel="stylesheet" href="../../css/iconfont.css">

		<!--自定义的样式文件-->
		<link rel="stylesheet" href="home.css">

		<script type="text/javascript">
			mui.init()
		</script>
	</head>

	<body style="background-color:#f5f5f5">
		<!--mui的标题栏-->
		<header class="mui-bar mui-bar-nav icon_serch ">
			<!--搜索图标-->
			<div class="mui-input-row mui-search">
				<input type="search" class="mui-input-speech mui-input-clear" placeholder="请输入关键字">
			</div>
			<!--添加图标-->
			<a href="#popover" class="icon_add" id="add">
				<span class="icon iconfont  icon-icongengduo"></span>
			</a>
		</header>

		<!--这里使用的是mui的栅格UI组件 mui-col-sm-3 mui-col-xs-3（栅格组件一行分为12列，现在设置的是在小屏幕和超小屏幕上每列占3格，就是一列可以放4个，下面从转账到天猫宝使用的都是栅格组件）-->

		<div class="mui-content ">
			<div class="mui-row grid_background" style="list-style: none;">
				<div class="mui-col-sm-3 mui-col-xs-3">
					<li class="mui-table-view-cell">
						<a class="link_style" id="sgtz">
							<span class="icon iconfont icon-iconicon_drawings myicon"></span>
							<span class="wenzi">施工图纸</span>
						</a>
					</li>
				</div>
				<div class="mui-col-sm-3 mui-col-xs-3">
					<li class="mui-table-view-cell">
						<a class="link_style" id="wtgl">
							<span class="icon iconfont  icon-iconxiaoxi myicon"></span>
							<span class="wenzi">问题管理</span>
						</a>
					</li>
				</div>
				<div class="mui-col-sm-3 mui-col-xs-3">
					<li class="mui-table-view-cell">
						<a class="link_style" id="jlgf">
							<span class="icon iconfont icon-iconcaozuorizhi myicon" style="-webkit-text-stroke-width: 1.5px;"></span>
							<span class="wenzi">监理规范</span>
						</a>
					</li>
				</div>

				<div class="mui-col-sm-3 mui-col-xs-3">
					<li class="mui-table-view-cell">
						<a class="link_style">
							<span class="icon iconfont icon-iconren-zengjia myicon"></span>
							<span class="wenzi">人员签到</span>
						</a>
					</li>
				</div>
			</div>
			<!--这里使用的是mui的图文列表（图片在左的图文列表-->
			<div class="div_title_line">
				<div class="div_title_left">
					<div class="div_title_icon"></div>
					<span class="span_title_text">事件提醒</span>
				</div>
			</div>
			<ul class="mui-table-view sjtx">
				<li class="mui-table-view-cell mui-media">
					<span class="mui-media-object mui-pull-left icon iconfont icon-roundadd"></span>
					<div class="mui-media-body">
						<span style="font-size: 0.25rem;color:orange" id="ycts">【异常提醒】:各项工程进展良好，暂无异常提示</span>
						<p class='mui-ellipsis mui-navigate-right'></p>
						<!--						<span style="font-size: 0.25rem;">【异常提醒】未按时提交补录提醒，请按时补录！</span>
--><span id="ycfssj" class="dot_style">
								0小时前
						</span>
					</div>
				</li>
			</ul>
			<div class="div_title_line sjtx">
				<div class="div_title_left">
					<div class="div_title_icon"></div>
					<span class="span_title_text">工程管理</span>
				</div>
			</div>
			<div class="gczl">
				<div class="zbd">
					<span>总标段</span>
					<span id="zbdsl" style="margin-left: 20%;color: orange;">0</span>
				</div>
				<div class="zbd">
					<span>执行中</span>
					<span id="zxzsl" style="margin-left: 20%;color: orange;">0</span>
				</div>
				<div class="zbd">
					<span>待执行</span>
					<span id="dzxsl" style="margin-left: 20%;color: orange;">0</span>
				</div>
			</div>
			<ul class="mui-table-view " id="ul_content">

			</ul>
			<div id="div_addMore" class="div_add_more mui-hidden">点击加载更多</div>

			<div id="mylist" class="mui-hidden">
				<li class="mui-table-view-cell">
					<div>
						<div class="center">
							<span>
							 标段一
						    </span>
						</div>
						<div style="float: right;width: 94%;">
							<div class="div-top">
								<div class="div_message_left">
									<div class="div_project_detail  div_project_name div_title">
										<!--天津至石家庄国家高速公路津冀保石界段JSLQ5标段水泥搅拌桩工程-->
									</div>
									<div class="div_project_detail div_nr">
									</div>
								</div>
							</div>

							<div class="bottom">
								<div class="div_project_detail button_line">
									<button class="btn_style border_btn problem" style="background: #00CC66; color: white;">已完成:&nbsp;&nbsp;<span class="ywcsl">0</span>处</button>
									<button class="btn_style border_btn result" style="background: 	orange; color: white;">执行中：&nbsp;&nbsp;<span class="zxzsl">0</span>处</button>
									<button class="btn_style border_btn ygj" style="background: 	#3399FF	; color: white;">未开展：&nbsp;&nbsp;<span class="wkzsl">0</span>处</button>
								</div>
							</div>

						</div>
					</div>

				</li>
			</div>
			<script src="../../js/jquery-3.1.1.min.js"></script>
			<script src="../../js/constants.js"></script>
			<script src="../../js/common.js"></script>
			<script src="home.js"></script>

	</body>

</html>